page {
	background-color: #ffffff !important;
	overflow: hidden;
}

.teachersDetails {
	position: relative;
	.teacher_phone {
		font-size: 30rpx;
		color: #333333;
	}

	.collection {
		width: 120rpx;
		height: 100rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -50rpx;
		> .collectionIcon {
			width: 37rpx;
			height: 35rpx;
		}
		> view {
			margin-top: 16rpx;
			font-size: 24rpx;
		}
	}
}

.container {
	width: 750rpx;
	background: #ffffff;
	position: relative;
	.carType {
		font-size: 28rpx;
		margin: 0 auto;
		width: 702rpx;
		height: 84rpx;
		line-height: 84rpx;

		&_car {
			width: 112rpx;
			display: inline-block;
			margin-right: 30rpx;
		}
		&_quan {
			font-size: 28rpx;
			color: #999999;
		}
	}

	.swiper {
		width: 634rpx;
		height: 302rpx;
		margin: 0 auto;

		.swiper,
		image {
			width: 634rpx;
			height: 302rpx;
		}
	}

	.dots {
		width: 750rpx;
		position: absolute;
		top: 406rpx;
		transform: translate(-50% 0);
		z-index: 4;
		display: flex;
		justify-content: center;

		.dot {
			width: 14rpx;
			height: 14rpx;
			transition: all 0.6s;
			background-color: #4691fd;
			opacity: 0.73;
			margin-right: 14rpx;
			border-radius: 50%;
		}

		.active {
			width: 14rpx;
			height: 14rpx;
			background-color: #4691fd;
			border-radius: 50%;
			opacity: 1;
		}
	}
}

.timeSlot {
	position: relative;
	.miaosha-list {
		width: 100%;
		height: 136rpx !important;
		white-space: nowrap;
		overflow: hidden;
	}
	.miaosha-item {
		font-size: 26rpx;
		position: relative;
		// top: 50%;
		margin-top:40rpx;
		width: 122rpx;
		height: 136rpx;
		// margin:0 12rpx;
		display: inline-block;
		> view {
			text-align: center;
		}
	}

	.select {
		color: #4b76f9;
	}

	.blueLine {
		position: relative;
		top: 10rpx;
		left: 26rpx;
		width: 76rpx;
		height: 4rpx;
		background-color: #4b76f9;
	}

	.rightIcon {
		position: absolute;
		right: 7rpx;
		top: 165rpx;
	}

	.seatNumber {
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 750rpx;
		min-height: 120rpx;
		background-color: #f7f7f7;
		margin-top: 10rpx;
		font-size: 28rpx;
		padding: 20rpx 0;
		&_left{
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		>view{
			>view{
				margin-top: 20rpx;
			}
			
		}
		.immediatelyOrder{
			// margin-top: 20rpx;
			line-height: 50rpx;
			font-size: 28rpx;
			color: #ffffff;
			text-align: center;
			width:200rpx;
			height: 50rpx;
			border-radius: 42rpx;
			background-image: linear-gradient(90deg, #4491fd 0%, #8597ff 100%), linear-gradient(#000000, #000000);
		}
		.grayBg{
			// margin-top: 20rpx;
			line-height: 50rpx;
			font-size: 28rpx;
			color: #333;
			text-align: center;
			width:200rpx;
			height: 50rpx;
			border-radius: 42rpx;
			background-color: #d4d4d4;
			background-image: none;
			// background-image: linear-gradient(90deg, #4491fd 0%, #8597ff 100%), linear-gradient(#000000, #000000);
		}
	}

	.fieldMsg {
		width: 750rpx;
		height: 200rpx;
		font-size: 28rpx;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		overflow: hidden;

		> view text:first-child {
			display: inline-block;
			width: 130rpx;
			margin-left: 32rpx;
			margin-right: 62rpx;
		}
		> view {
			display: flex;
			width: 750rpx;
		}
		&_area {
			> view {
				display: flex;
				align-items: center;
				text {
					color: #467af6;
					border-bottom: 1rpx solid #467af6;
				}
				image {
					width: 40rpx;
					height: 36rpx;
					margin-right: 4rpx;
				}
			}
		}
		&_time {
			> view {
				display: flex;
				align-items: center;
				image {
					width: 31rpx;
					height: 31rpx;
					margin-right: 4rpx;
				}
			}
		}
	}
}

.footer {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 746rpx;
	height: 124rpx;
	background-color: #ffffff;
	box-shadow: 0rpx 6rpx 33rpx 10rpx rgba(0, 0, 0, 0.23);

	> view {
		line-height: 86rpx;
		font-size: 32rpx;
		color: #ffffff;
		text-align: center;
		width: 702rpx;
		height: 86rpx;
		border-radius: 42rpx;
		background-image: linear-gradient(90deg, #4491fd 0%, #8597ff 100%), linear-gradient(#000000, #000000);
	}
}
